<template>
	<view class="swiper-content">
		<HeaderTitle :title="i18nLocale=='ug'?swiperdatail.ug_title:swiperdatail.cn_title" :bottom="true" :lang="false"
			:combakflag="true" :mobile="false" ></HeaderTitle>
			<view class="text-content">
				<rich-text  :nodes="i18nLocale=='ug'?swiperdatail.ug_content:swiperdatail.cn_content" space :selectable="false"></rich-text>
			</view>
	</view>
</template>

<script>
	import {
		getswiper
	} from '@/api/all.js';
	import HeaderTitle from "@/components/HeaderTitle.vue"
	export default {
		components: {
			HeaderTitle
		},
		data() {
			return {
				swiperdatail: ''
			};
		},
		onLoad(e) {
			if (e.id) {
				console.log(e.id);
				this.getSwiper(e.id)
			}
		},
		computed: {
			i18nLocale() {
				return this.$i18n.locale;
			}
		},
		methods: {
			getSwiper(id) {
				getswiper({
					id: id
				}).then((res) => {
					if (res.code == 200) {
						console.log(res, '++++++++')
						this.swiperdatail = res.body.data;
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.swiper-content {
		width: 100%;
		.text-content{
			padding: $uni-spacing-padding-sm;
		}
	}
</style>